<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JQUERY MOBILE 1.0正式版中文手册,Jquery Mobile 1.0,Jquery mobile,移动框架开发手册,darklord,JQUERY MOBILE 1.0正式版,JQUERY API,jqmapi,jqm,jquery," />
<meta name="description" content="Jquery mobile中文API站，Jquery mobile 1.0正式版本中文手册，提供最新版Jquery mobile移动web与应用开发帮助。" />
<title>方法 Methods-JQUERY MOBILE 1.0正式版中文手册</title>
<link rel="stylesheet" type="text/css" href="../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css" />
<script type="text/javascript" src="../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../images/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<hr style="color:#595959;" />
<div class="content">
  <div class="desc">
  <div>Jquery Mobile在$.mobile对象中提供了几种方法和属性供你在应用中使用</div></div>
  <h1 class="method"><div class="wg">$.mobile.changePage</div>
  		<div class="info">(方法)</div></h1>
  <div class="desc">
    <div> 通过程序跳转一个页面到另一个页面 ，以点击一个链接或者提交表单的形式出现(当那些特性被启用时）. </div></div>
    <p class="indent"><strong>参数</strong></p>
  <div class="code"> 
    <p> <strong>to</strong>(字符串 或 对象, 不可缺省)</p>
    <ul>
		<li>• 字符串: 绝对或相对URL地址. ("about/us.html")</li>
		<li>• 对象：jquery选择器对象($("#about"))</li>
		<p><strong>options </strong>(对象，可选)</p>
		<li>• 字符串: 绝对或相对URL地址. ("about/us.html")</li>
		<li>• 对象：jquery选择器对象($("#about"))</li>      
		<li>属性：</li>  
        <p class="pl20"><strong>allowSamePageTransition</strong> （布尔值，默认：false）默认情况下，changePage() 会忽略跳转到已活动的页面的请求。
如果把这项设为true,会使之执行。开发者应该注意有些页面的转场会假定一个跳转页面的请求中来自的页面和目标的页面是不同的，所以不会有转场动画。 </p> 
        <p class="pl20"><strong>changeHash </strong> (布尔值,默认:true) 判断地址栏的哈希值是否应被更新。</p> 
        <p class="pl20"><strong>data </strong> (字符串 或 对象，默认: undefined)要通过ajax请求发送的数据，只在changePage() 的 to 参数 是一个地址的时候可用。</p>  
        <p class="pl20"><strong>data-url </strong> (字符串,默认: undefined)完成页面转换时要更新浏览器地址的URL地址。如不特别指定，则使用页面的data-url属性值。</p>      
        <p class="pl20"><strong>pageContainer </strong> (jQuery选择器,默认:$.mobile.pageContainer)指定应该包含页面的容器。</p>
        <p class="pl20"><strong>reloadPage </strong> (布尔值,默认: false) 强制刷新页面, 即使当页面容器中的dom元素已经准备好时，也强制刷新。<strong>只在changePage() 的 to 参数 是一个地址的时候可用。</strong></p> 
        <p class="pl20"><strong>reverse </strong> (布尔值,默认:false) 设定页面转场动画的方向，设置为true时将导致反方向的转场。</p>
        <p class="pl20"><strong>showLoadMsg</strong> (布尔值,默认:true) 设定加载外部页面时是否显示loading信息。</p>
        <p class="pl20"><strong>role</strong> (字符串,默认:undefined) 显示页面的时候使用data-role值。默认情况下此参数为认:undefined，意为取决于元素的@data-role属性。</p>
        <p class="pl20"><strong>type</strong> (字符串, 默认: "get") 指定页面请求的时候使用的方法("get" 或者 "post")。<strong>只在changePage() 的 to 参数 是一个地址的时候可用。</strong></p>
        
        
        
        
    </ul>
  </div>
<div class="code"> 
    <p> <strong>transition</strong> (字符串类型，例如 &quot;pop&quot;, &quot;slide&quot;,&quot; &quot;none&quot;)</p>
    <ul>
      <dl>
        <dd><strong>reverse</strong>(字符串类型，默认: false).   设置为true时将导致一个反方向的转场?/dd>
    <dd><strong>changeHash</strong>(布尔?默认: true). 页面改变完成时更新页面url的哈希值<br />
    </dd>
    </dl></ul>
  </div>
  <p class="indent"><strong>实例</strong></p>
  <div class="code"> 
    <p>//使用slideup(上滑)的转场效果转到about/us.html页面 <br />
    　$.mobile.changePage(&quot;about/us.html&quot;, &quot;slideup&quot;);</p>
    <p>&nbsp;</p>
    <p>//转到	searchresults页面，使用来自id为search的表单数<br />
      　$.mobile.changePage({<br />
      　　url: &quot;searchresults.php&quot;, <br />
      　　type: &quot;get&quot;, <br />
      　　data: $(&quot;form#search&quot;).serialize()<br />
    　}); </p>
    <p><br />
      //使用pop的转场效果转?./alerts/confirm.html页面，不记录进历史记录当<br />
      　$.mobile.changePage(&quot;../alerts/confirm.html&quot;, &quot;pop&quot;, false, false); <br />
    </p>
</div>
<hr>
  <h1>jqmData(), jqmRemoveData(), and jqmHasData() (method)</h1>
  <div class="desc">
    <div>在Jquery Mobile中，jqmData,jqmRemoveData应该用在Jquery核心的data和removeData 方法?请注意这也包?$.fn.data, $.fn.removeData,?.data, $.removeData,以及$.hasData方法)，因为他们会自动获取，设置命名空间的属性（即使当前没有命名空间被使用的情况下。）</div></div>
    <p class="indent"><strong>参数</strong></p>
<div class="code"> 
    <p>参见Jquery的data方法和renovedata方法</p>
</div>
    
        <p class="indent"><strong>并且</strong></p>
<div class="code"> 
    <p>当通过Jquery的data属性寻找元素时，请使用自定义的选择? jqmData() ，因为他在查询元素时会自动合并命名空间的data属性。例如，你应该使?  $(&quot;div:jqmData(role='page')&quot;) ，而不是使?("div[data-role='page']")选择元素，因为前者会自动映射?("div[data-"+ $.mobile.ns +"role='page']")，你不需要把命名手动的连接成选择器</p>
</div>
    
    
    
    
    <hr>
  <h1> $.mobile.pageLoading (<em>method</em>) </h1>
  <div class="desc">
  <div> 显示或隐藏页面加载消息，该消息由.mobile.loadingMessage进行配置. </div></div>    
  <p class="indent"><strong>参数</strong></p>
<div class="code"> 
    <p> Done (<em>布尔</em>, 默认为false,  意味着加载已经开始. 设为True会隐藏loading消息</p>
</div>
     
	<p class="indent"><strong>示例</strong></p>
    
<div class="code"> 
    <p>// 显示页面加载消息<br />
    $.mobile.pageLoading(); </p>
    <p>&nbsp;</p>
    <p>// 隐藏页面加载消息<br />
      $.mobile.pageLoading(true); <br />
    </p>
</div> 
<hr>
  <h1> $.mobile.path (methods, properties)</h1>
  <div class="desc">
  <div> 用来取得，设置，操作url地址</div></div>    
  <hr>
  <h1>mobile.base (methods, properties) </h1>
  <div class="desc">
  <div> 用来生成的根元素</div></div> 
  
  <hr>
  <h1> $.mobile.silentScroll (<em>method</em>) </h1>
  <div class="desc">
  <div> 不会触发任何事件，静默滚屏到特定的文档的Y值处</div></div> 
    	<p class="indent"><strong>参数</strong></p>
    
<div class="code"> 
    <p>yPos (数字，默认为0).<br /></p>
</div>
<p class="indent"><strong>示例</strong></p>
    
<div class="code"> 
    <p>//滚屏到y 100px处<br />
    $.mobile.silentScroll(100); <br /></p>
</div> 


<hr>
 <h1> $.mobile.addResolutionBreakpoints (<em>method</em>) </h1>
  <div class="desc">
  <div>值（数字或数组）。给分辨率class类添加任意的数字或数字数组。详细信息请参见Orientation & resolution targeting.</div></div> 
    	<p class="indent"><strong>示例</strong></p>
    
<div class="code"> 
    <p>//添加400px的分辨率断点<br />
    $.mobile.addResolutionBreakpoints(400);</p>
    <p> <br />
      //添加2个分辨率断点 <br />
      $.mobile.addResolutionBreakpoints([600,800]); <br />
    </p>
</div>
<p class="indent"><strong>示例</strong></p>
    
<div class="code"> 
    <p>//滚屏到y 100px处<br />
    $.mobile.silentScroll(100); <br /></p>
</div> 
  <hr>
 <h1> $.mobile.activePage (<em>property</em>) </h1>
  <div class="desc">
  <div>引用当前活动的断</div></div> 
</div>
</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



